<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商品展示</title>
		<style>
			*{
				padding: 0px;
				margin: 0px;
				
			}
			body{
				color: #f5f5f5;
			}
			.box{
				display: inline-block;
				width: 280px;
				height: 390px;
				background-color: #f5f5f5;
				font-size: 16px;
				text-align: center;
			}
			.img{margin: 10px auto;
			}
			.content{
				color: #999;
			}
			.price{
				color: red;
			}
		</style>
	</head>
	<body>
		<div class="box"><a  href="#">
			<img src="img/2e920ac7e3d197923acbd6388b80cc49.webp" alt=""/>
			
			<h3>redmi</h3>
			<p class="content"> 5.0倍潜望式" </p>
			<span class="price">$2099</span>
		</div>
		</a>
		<div class="box"><a  href="#">
			<img src="img/adde6bae41441887017824f46cf31602.webp"alt=""/>
			
			<h3>redmi</h3>
			<p class="content"> 5.0倍潜望式" </p>
			<span class="price">$2099</span>
		</div>
		</a>
		<div class="box"><a  href="#">
			<img src="img/f2a277341a09a63bbb7bba12d154c4e6.webp" alt=""/>
			
			<h3>redmi</h3>
			<p class="content"> 5.0倍潜望式" </p>
			<span class="price">$2099</span>
		</div>
		</a>
		<div class="box"><a  href="#">
			<img src="img/202403201526_60b548a0614d956b2d3667a63d513539.webp"alt=""/>
			
			<h3>redmi</h3>
			<p class="content"> 5.0倍潜望式" </p>
			<span class="price">$2099</span>
		</div>
		</a>
	</body>
</html>
